<script lang="ts" setup>
  import { ref } from 'vue';
  import { useCityStore } from '@/store';

  const cityStore = useCityStore();

  const routeName = ref('Index');
</script>

<template>
  <div class="current-city">
		<span>当前城市：</span>
		<router-link :to="{name: routeName}">
			<span class="iconfont icon-positioning"></span>
			<span class="city">{{cityStore.cityName}}</span>
		</router-link>
	</div>
</template>

<style lang="scss" scoped>
  @import "./Current.scss";
</style>
